/* =S 滑块样式 */
/* #mapCon .ol-zoom .ol-zoom-out {
  margin-top: 204px;
}
#mapCon .ol-zoomslider {
  background-color: transparent;
  top: 2.3em;
}
#mapCon .ol-touch .ol-zoom .ol-zoom-out {
  margin-top: 212px;
}
#mapCon .ol-touch .ol-zoomslider {
  top: 2.75em;
}
#mapCon .ol-zoom-in .ol.has-tooltip:hover[role='tooltip'],
#mapCon .ol-zoom-in .ol-has-tooltip:focus[role='tooltip'] {
  top: 3px;
}
#mapCon .ol-zoom-out .ol-has-tooltip:hover[role='tooltip'],
#mapCon .ol-zoon-out .ol-has-out-tooltip:focus[role='tooltip'] {
  top: 232px;
}
#mapCon .ol-zoom-extent {
  top: 280px;
} */
/* =E 滑块样式 */

/* =S 鼠标位置控件层样式设置 */
#mouse-position {
  /* float: right; */
  position: absolute;
  left: 8px;
  bottom: 40px;
  width: 113px;
  height: 24.2px;
  background-color: rgba(0, 60, 136, 0.3);
  border-radius: 4px;
  padding: 2px;
  /*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
  z-index: 2000;
}
/* 鼠标位置信息自定义样式设置 */
.custom-mouse-position {
  color: #eee;
  font-size: 10px;
  text-align: center;
  line-height: 24.2px;
  font-family: '微软雅黑';
}
/* =E 鼠标位置控件层样式设置 */

/*=S 自定义鹰眼样式 */
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
  bottom: auto;
  left: auto;
  /* 右侧显示 */
  right: 0;
  /* 顶部显示 */
  top: 0;
}
/* 鹰眼控件展开时控件外框的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
/* 鹰眼控件中地图容器样式 */
.ol-custom-overviewmap .ol-overviewmap-map {
  border: none;
  width: 300px;
}
/* 鹰眼控件中显示当前窗口中主图区域的边框 */
.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px solid #5581bb;
}
/* 鹰眼控件展开时其控件按钮图标的样式 */
.ol-custom-overviewmap:not(.ol-collapsed) button {
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}
/*=E 自定义鹰眼样式 */

/*=S 图层切换 */
#layer-list {
  position: absolute;
  bottom: 8px;
  right: 0;
  z-index: 2000;
}
#layer-list li {
  list-style: none;
  float: right;
  margin-right: 10px;
}
#layer-list li img {
  width: 50px;
  height: 50px;
}
#layer-list li.selected img {
  border: 2px solid skyblue;
}
/*=E 图层切换 */

.ol-zoom {
  bottom: 6em;
  right: 0.5em;
  left: auto;
  top: auto;
}
.ol-zoom-extent {
  bottom: 9.5em;
  right: 0.5em;
  left: auto;
  top: auto;
}
